<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="./style/css/list.css">
  <title>课程信息 列表</title>
</head>
<body>
  <header>
    <div class="logo">
      <img src="./images/logo.png" alt="">
      <span>课程管理系统</span>
    </div>
    <div class="head-right"></div>
  </header>
  <aside>
    <div class="sidebar-menu">
      <ul>
        <li class="menu-title"><span>Main Menu</span></li>
        <li class="submenu">
          <a href="./index.html">
            <i class="icon iconfont">&#xe674;</i>
            <span>首页</span>
          </a>
        </li>
        <li class="submenu active">
          <a href="">
            <i class="icon iconfont">&#xe675;</i>
            <span>课程管理</span>
            <span class="menu-arrow icon iconfont">
              &#xe665;
            </span>
          </a>
          <ul>
            <li>
              <a href="./courselist.html" class="active">课程信息 列表</a>
            </li>
            <li>
              <a href="courseinfo.html">课程信息 查看</a>
            </li>
            <li>
              <a href="courseadd.html">课程信息 添加</a>
            </li>
            <li>
              <a href="coursedit.html">课程信息 修改</a>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </aside>
  <main>
    <section class="container">
      <div class="item">
        <section class="page-wrapper">
          <div class="list">
            <div class="page-header">
              <div class="left">
                <h3 class="page-title">课程管理</h3>
                <ul class="breadcrumb">
                  <li class="breadcrumb-item"><a href="index.html">首页</a></li>
                  <li class="breadcrumb-item active">课程列表</li>
                </ul>
              </div>
              <a href="courseadd.html" class="right icon iconfont" title="添加课程">
                &#xe664;
              </a>
            </div>
            <div class="wrap-table">
              <div class="page-select">
                <span>共有</span>
                  <div class="form-page"></div>
                <span>条数据</span>
              </div>
              <table class="table table-striped align-middle">
                <thead>
                  <tr>
                    <th scope="col">ID</th>
                    <th scope="col">课程名称</th>
                    <th scope="col">课程编号</th>
                    <th scope="col">课程结构</th>
                    <th scope="col">学时/学分</th>
                    <th scope="col">使用专业</th>
                    <th scope="col">考核方式</th>
                    <th scope="col">操作</th>
                  </tr>
                </thead>
                <tbody class="list-tbody">
                  <tr>
                    <th scope="row">10</th>
                    <td>
                      <a href="#">数据库管理</a>
                    </td>
                    <td>CZJTU003</td>
                    <td>专业必修</td>
                    <td>48/3</td>
                    <td>软件工程</td>
                    <td>考试</td>
                    <td>
                      <button type="button" class="btn btn-edit icon iconfont" title="编辑">
                        &#xe66e;
                      </button>
                      <button type="button" class="btn btn-del del icon iconfont" title="删除">
                        &#xe666;
                      </button>
                    </td>
                  </tr>
                </tbody>
              </table>
              <p class="nullShow" style="display:none;">暂无数据，<a href="courseadd.html">由此添加</a></p>
            </div>
          </div>
        </section>
      </div>
    </section>
  </main>
  <footer>
    Copyright © 2022 By 沧州交通学院 — 软件工程2202（专升本）— 朱柄林
  </footer>
  <script src="./script/tool/modal.js"></script>
  <script src="./script/list.js"></script>
</body>
</html>